<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../jquery-3.3.1.min.js"></script>
</head>

<script>
    //加载事件
    
    // window.onload = function(){
    //     $('h1').css('color',red);
    // };

    //jQ 入口

    // $(document).ready(function(){
    //     $('h1').css('font-size','100px');
    // });

    //简写
    
    // $(function(){
    //     $('h1').css('border','3px solid black');
    // });
</script>
<body>
    
    <h1>jQuery</h1>
    <hr>
    <script>
    window.onload = function (){
        console.log('onload1');
    }

    // window.onload = function (){
    //     console.log('onload2');
        
    // }

    $(function(){
        console.log('read1');
    });

    $(function(){
        console.log('ready2');
    });
    </script>
</body>
</html>